<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<title>Project 5</title>
		<script src="scripts/quiz1.js" language="javascript"></script>
		<link href="styles/styles.css" rel="stylesheet" type="text/css"/>
	</head>	
	<body>
		<article>
				<header>
					<h1>Quiz</h1>
				</header>
				
				<div id="navigation"><nav>
					<a class="links" href="index.html">Halley</a>
					<a class="links" href= "tempel-comet.html">Tempel 1</a>
					<a class="links" href= "mcnaught-comet.html" >McNaught-Hughes</a>
					<a class="links" href= "wirtanen-comet.html">Wirtanen</a>
					<a class="links"  href= "quiz.html">Quiz</a>
					
				</nav></div>
			</article><br/><br/><br/>
			
				
				<form onSubmit="javascript:submitQuiz1(); return false;" name="quiz1" id="quiz1">
					<section>
			
				<h1 id="subtopic">Comets' Quiz</h1>
    			<h3>Instructions:</h3>
    			<p>Dear user this short quiz is created to check your understanding about the topic, please fill in your name first and then answer all the following questions by selecting the best choice. After answering all the questions, do not forget to submit all of your answers by clicking on "Submit Answers". </p>
    			
    			
	    			<label for="question1">When Tempel 1 Comet was discovered?</label><br/>
	   				<input type="radio" id="question1" name="question1" value="0">1991</input><br/>
	  				<input type="radio" id="question1" name="question1" value="1">1867</input><br/>
	    			<input type="radio" id="question1" name="question1" value="2">1876</input><br/><br/>
	   					
	   				<label for="question1">McNaught-Hughes Comet completes its orbit in:</label><br/>
	   				<input type="radio" id="question2" name="question2" value="0">6.65 years</input><br/>
	  				<input type="radio" id="question2" name="question2" value="1">5.5 years</input><br/>
	    			<input type="radio" id="question2" name="question2" value="2">75-76 years</input><br/><br/>
	   					
	   				<label for="question3">The next perihelion period for Wirtanen Comet will be on: </label><br/>
	   				<input type="radio" id="question3" name="question3" value="0">January 21, 2018</input><br/>
	  				<input type="radio" id="question3" name="question3" value="1">June 30, 2017</input><br/>
	    			<input type="radio" id="question3" name="question3" value="2">December 12, 2018</input><br/><br/>
	   					
   
	    			<input type="submit" value="Submit Answers"/>
	    			<input type="reset" value="Reset"/>
				</form>
				
			</section>
		
	</body>
</html>